<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui"
	lang="en">
	
	<ui:decorate template="/WEB-INF/facelets/faceletEditar.xhtml">
		<ui:define name="form">
			<h:form styleClass="form-horizontal">
				
				<p:messages id="mensagens"></p:messages>	
				
				<fieldset>
					<legend>Formulário de Cadastro de Clientes</legend>
					<div class="control-group">
					
						<h:outputLabel value="Nome:" for="nome" styleClass="control-label" />
						<h:inputText id="nome" value="#{ClienteMB.entidade.nome}" styleClass="span3" maxlength="300"/>
						<br />
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel value="Data Nascimento:" for="dataNascimento" styleClass="control-label" />
							<p:inputMask id="dataNascimento" value="#{ClienteMB.entidade.dataNascimento}" mask="99/99/9999">
								<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
							</p:inputMask>
						</div>
						<br />
						
						<h:outputLabel value="Idade:" for="idade" styleClass="control-label" />
						<h:inputText id="idade" value="#{ClienteMB.entidade.idade}" styleClass="span3" maxlength="3" size="3" />
						<br />
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel value="CPF:" for="cpf" styleClass="control-label" />
							<p:inputMask id="cpf" value="#{ClienteMB.entidade.cpf}" mask="999.999.999-99"/>
						</div>
						<br />
						
						<h:outputLabel value="RG:" for="rg" styleClass="control-label" />
						<h:inputText id="rg" value="#{ClienteMB.entidade.rg}" styleClass="span3" maxlength="20"/>
						<br />
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel id="Celular" value="Celular:" for="Celular" styleClass="control-label" />
							<p:inputMask value="#{ClienteMB.entidade.celular}" mask="(99)9999-9999"/>
						</div>
						<br />
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel value="Fixo:" for="fixo" styleClass="control-label" />
							<p:inputMask id="fixo" value="#{ClienteMB.entidade.fixo}" mask="(99)9999-9999"/>
						</div>
						<br />
						
						<h:outputLabel value="Email:" for="email" styleClass="control-label" />
						<h:inputText id="email" value="#{ClienteMB.entidade.email}" styleClass="span3" maxlength="20"/>
						<br />
						
						<h:outputLabel value="Logradouro:" for="logradouro" styleClass="control-label" />
						<h:inputText id="logradouro" value="#{ClienteMB.entidade.logradouro}" styleClass="span3" maxlength="200"/>
						<br />
						
						<h:outputLabel value="Número:" for="numeroLogradouro" styleClass="control-label" />
						<h:inputText id="numeroLogradouro" value="#{ClienteMB.entidade.numeroLogradouro}" styleClass="span3" maxlength="10"/>
						<br />
						
						<h:outputLabel value="Bairro:" for="bairro" styleClass="control-label" />
						<h:inputText id="bairro" value="#{ClienteMB.entidade.bairro}" styleClass="span3" maxlength="10"/>
						<br />
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel value="CEP:" for="cep" styleClass="control-label" />
							<p:inputMask id="cep" value="#{ClienteMB.entidade.cep}" mask="99999-999"/>
						</div>
						<br />
						
						<h:outputLabel value="UF:" for="uf" styleClass="control-label" />
						<p:selectOneMenu id="uf" value="#{ClienteMB.uf}" converter="entidadeConverter">
							<f:selectItems 
								value="#{UFMB.entidades}" 
								itemLabel="#{uf.nome}"
								itemValue="#{uf}"
								var="uf"/>
						<p:ajax update="cidades" listener="#{ClienteMB.selecionarCidade}"></p:ajax>					
						</p:selectOneMenu>
						<br/>
						
						<div style="padding-top: 18px; padding-bottom: 18px;">
							<h:outputLabel value="Cidade:" for="cidades" styleClass="control-label" />
							<p:selectOneMenu id="cidades" value="#{ClienteMB.entidade.cidade}" converter="entidadeConverter">
								<f:selectItems 
									value="#{ClienteMB.cidades}" 
									itemLabel="#{cidade.nome}"
									itemValue="#{cidade}"
									var="cidade"/>
							</p:selectOneMenu>
						</div>
						<div class="span12">
						
							<p:commandButton 
								value="Gravar" 
								action="#{ClienteMB.gravar}"
								styleClass="btn btn-inverse"
								update="mensagens"/>
							<span></span>
							
							<p:commandButton 
								value="Excluir" 
								action="#{ClienteMB.excluir}"
								styleClass="btn btn-inverse"
								rendered="#{ClienteMB.exibirExcluir}"
								onclick="confirmation.show()" 
								type="button">
							</p:commandButton>
							
							<p:confirmDialog 
								id="confirmDialog" 
								message="Confimar a exclusão do registro?"  
					            header="Confirmação!" 
					            severity="alert" 
					            widgetVar="confirmation">  
					                  
					        <p:commandButton 
					        	id="confirm" 
					        	value="Sim" 
					        	oncomplete="confirmation.hide()"  
					            action="#{ClienteMB.excluir}"/>  
					        
					        <p:commandButton 
					        	id="decline" 
					        	value="Não" 
					        	onclick="confirmation.hide()" 
					        	type="button" />   
					                  
					    	</p:confirmDialog>  
						</div>
					</div>
				</fieldset>
			</h:form>
		</ui:define>
	</ui:decorate>
</html>